<!DOCTYPE html>
<!--
Licensed to the Apache Software Foundation (ASF) under one
or more contributor license agreements.  See the NOTICE file
distributed with this work for additional information
regarding copyright ownership.  The ASF licenses this file
to you under the Apache License, Version 2.0 (the
"License"); you may not use this file except in compliance
with the License.  You may obtain a copy of the License at

   http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing,
software distributed under the License is distributed on an
"AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
KIND, either express or implied.  See the License for the
specific language governing permissions and limitations
under the License.
-->


<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <script src="lib/esl.js"></script>
    <script src="lib/config.js"></script>
    <script src="lib/jquery.min.js"></script>
    <script src="lib/facePrint.js"></script>
    <script src="lib/testHelper.js"></script>
    <link rel="stylesheet" href="lib/reset.css">
</head>
<body>
<style>
</style>


<!-- <div id="main0"></div> -->
<div id="main1"></div>


<script>

    require([
        'echarts'
    ], function (echarts) {

        var option = {
            "tooltip": {
                "trigger": "axis",
                "axisPointer": {
                    "type": "shadow"
                }
            },
            "toolbox": {
                "show": true,
                "feature": {
                    "dataZoom": {
                        "yAxisIndex": "none"
                    },
                    "dataView": {
                        "readOnly": false
                    },
                    "magicType": {
                        "type": [
                            "line",
                            "bar",
                            "stack",
                            "tiled"
                        ]
                    },
                    "restore": {},
                    "saveAsImage": {}
                }
            },
            "xAxis": {
                type: 'category'
            },
            "yAxis": {},
            "legend": {
                "tooltip": {
                    "show": false
                }
            },
            dataZoom: [{
                type: 'inside'
            }, {
                type: 'slider'
            }],
            "series": [{
                "type": "bar",
                "stack": "all",
                "data": [
                    ["审批通过", 33],
                    ["审批中", 154],
                    ["撤回", 13],
                    ["barMinHeight:10px", 1]
                ],
                barMinHeight: 10,
                label: {
                    normal: {show: true}
                },
                "name": "zly13"
            }, {
                "type": "bar",
                "stack": "all",
                label: {
                    normal: {show: true}
                },
                "data": [
                    ["哪有那么多审批", 66],
                    ["审批中", 66],
                    ["撤回", 150],
                    ["barMinHeight:10px", 100]
                ],
                "name": "zly0031"
            }],
            "grid": {
                "top": "65px",
                "bottom": "10%",
                "normalBottom": "10%",
                "dataZoomBottom": "90px",
                "containLabel": true
            }
        };

        testHelper.create(echarts, 'main0', {
            title: 'Click the first legend (to hide the bottom series), yAxis extent should be changed',
            option: option
        });
    });

</script>


<script>

    require([
        'echarts'
    ], function (echarts) {

        var option = {
            "tooltip": {
                "trigger": "axis"
            },
            "xAxis": {
                "data": [
                    "",
                    "Good",
                    "Slightly polluted",
                    "Excellent",
                    "Medially polluted",
                    "Severely polluted"
                ]
            },
            "yAxis": {},
            grid: {
                right: 200
            },
            "series": [
                {
                    "type": "bar",
                    "stack": "WEATHER1",
                    "name": "Clear",
                    "data": [
                        [
                            "",
                            48
                        ],
                        [
                            "Good",
                            41.38805970149254
                        ],
                        [
                            "Slightly polluted",
                            58.78378378378378
                        ],
                        [
                            "Excellent",
                            21.5
                        ],
                        [
                            "Medially polluted",
                            64.66666666666667
                        ]
                    ],
                    "encode": {
                        "x": [
                            0
                        ],
                        "y": [
                            1
                        ]
                    }
                },
                {
                    "type": "bar",
                    "stack": "WEATHER1",
                    "name": "Cloudy",
                    "data": [
                        [
                            "Good",
                            41.49246231155779
                        ],
                        [
                            "Slightly polluted",
                            62.5
                        ],
                        [
                            "Excellent",
                            22.38888888888889
                        ],
                        [
                            "Medially polluted",
                            63.25
                        ],
                        [
                            "Severely polluted",
                            85.66666666666667
                        ]
                    ],
                    "encode": {
                        "x": [
                            0
                        ],
                        "y": [
                            1
                        ]
                    }
                },
                {
                    "type": "bar",
                    "stack": "WEATHER1",
                    "name": "Overcast",
                    "data": [
                        [
                            "Good",
                            39.73170731707317
                        ],
                        [
                            "Excellent",
                            22.93548387096774
                        ],
                        [
                            "Slightly polluted",
                            64.75
                        ],
                        [
                            "Medially polluted",
                            121.5
                        ]
                    ],
                    "encode": {
                        "x": [
                            0
                        ],
                        "y": [
                            1
                        ]
                    }
                },
                {
                    "type": "bar",
                    "stack": "WEATHER1",
                    "name": "Light rain",
                    "data": [
                        [
                            "Slightly polluted",
                            60.09090909090909
                        ],
                        [
                            "Good",
                            39.15277777777778
                        ],
                        [
                            "Excellent",
                            19.822222222222223
                        ],
                        [
                            "Severely polluted",
                            82
                        ]
                    ],
                    "encode": {
                        "x": [
                            0
                        ],
                        "y": [
                            1
                        ]
                    }
                },
                {
                    "type": "bar",
                    "stack": "WEATHER1",
                    "name": "Moderate to heavy rain",
                    "data": [
                        [
                            "Excellent",
                            20.2
                        ],
                        [
                            "Good",
                            33.875
                        ]
                    ],
                    "encode": {
                        "x": [
                            0
                        ],
                        "y": [
                            1
                        ]
                    }
                },
                {
                    "type": "bar",
                    "stack": "WEATHER1",
                    "name": "Fog",
                    "data": [
                        [
                            "Medially polluted",
                            123.5
                        ],
                        [
                            "Slightly polluted",
                            105.5
                        ],
                        [
                            "Good",
                            71
                        ]
                    ],
                    "encode": {
                        "x": [
                            0
                        ],
                        "y": [
                            1
                        ]
                    }
                },
                {
                    "type": "bar",
                    "stack": "WEATHER1",
                    "name": "Moderate rain",
                    "data": [
                        [
                            "Excellent",
                            19.125
                        ],
                        [
                            "Good",
                            30.071428571428573
                        ]
                    ],
                    "encode": {
                        "x": [
                            0
                        ],
                        "y": [
                            1
                        ]
                    }
                },
                {
                    "type": "bar",
                    "stack": "WEATHER1",
                    "name": "Shower",
                    "data": [
                        [
                            "Excellent",
                            21.571428571428573
                        ],
                        [
                            "Good",
                            37.523809523809526
                        ],
                        [
                            "Slightly polluted",
                            69.33333333333333
                        ]
                    ],
                    "encode": {
                        "x": [
                            0
                        ],
                        "y": [
                            1
                        ]
                    }
                },
                {
                    "type": "bar",
                    "stack": "WEATHER1",
                    "name": "Thundershower",
                    "data": [
                        [
                            "Good",
                            31.17241379310345
                        ],
                        [
                            "Excellent",
                            20.6
                        ],
                        [
                            "Slightly polluted",
                            43.75
                        ]
                    ],
                    "encode": {
                        "x": [
                            0
                        ],
                        "y": [
                            1
                        ]
                    }
                },
                {
                    "type": "bar",
                    "stack": "WEATHER1",
                    "name": "Heavy rain",
                    "data": [
                        [
                            "Excellent",
                            23.142857142857142
                        ],
                        [
                            "Good",
                            30.285714285714285
                        ]
                    ],
                    "encode": {
                        "x": [
                            0
                        ],
                        "y": [
                            1
                        ]
                    }
                },
                {
                    "type": "bar",
                    "stack": "WEATHER1",
                    "name": "Rainstorm",
                    "data": [
                        [
                            "Excellent",
                            19.142857142857142
                        ],
                        [
                            "Good",
                            31.083333333333332
                        ]
                    ],
                    "encode": {
                        "x": [
                            0
                        ],
                        "y": [
                            1
                        ]
                    }
                },
                {
                    "type": "bar",
                    "stack": "WEATHER1",
                    "name": "Slight to moderate rain",
                    "data": [
                        [
                            "Good",
                            33.23529411764706
                        ],
                        [
                            "Excellent",
                            18.857142857142858
                        ],
                        [
                            "Slightly polluted",
                            53
                        ]
                    ],
                    "encode": {
                        "x": [
                            0
                        ],
                        "y": [
                            1
                        ]
                    }
                },
                {
                    "type": "bar",
                    "stack": "WEATHER1",
                    "name": "Heavy rain to rainstorm",
                    "data": [
                        [
                            "Excellent",
                            18
                        ]
                    ],
                    "encode": {
                        "x": [
                            0
                        ],
                        "y": [
                            1
                        ]
                    }
                }
            ],
            "legend": {
                orient: 'vertical',
                right: 10
            }
        }

        testHelper.create(echarts, 'main1', {
            title: 'Check bars should not be overflow the Y extent. (#9346)',
            option: option,
            height: 500
        });
    });

</script>


</body>
</html>
